<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>提交订单-多益商城</title>
    <link rel="stylesheet" href="/css/submitOrder.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
</head>
<body>
    <header></header>
    <main>
        <div class="main">
            <div class="go-home">
                <ul>
                    <li><a href="/html/shopCar.html">&lt;返回</a></li>
                </ul>
            </div>
            <div class="head">
                <div class="label active">
                    <span></span> 我的购物车
                </div>
                <div class="label other2 active">
                    <span></span> 提交订单
                </div>
                <div class="label other3">
                    <span></span> 支付
                </div>
            </div>
            <div class="address">
                <h4>填写收货地址<span class="tips">（请填写正确的收货地址，发货后将无法修改）</span></h4>
                <table class="address-list">
                    <tbody class="item" id="rendonitem">
                        
                    </tbody>
                </table>
                <script type="text.html" id="itemTemplate">
                    {{each list sites}}
                    <tr data-id = {{sites.Id}}>
                        <td><input class="check" type="checkbox"></td>
                        <td><span class="suspan span-name">{{sites.username}}</span><input class="suname suinput" type="text"></td>
                        <td><span class="suspan span-address">{{sites.site}}</span><input class="suaddress suinput" type="text"></td>
                        <td><span class="suspan span-tele">{{sites.tele}}</span><input class="sutele suinput" type="text"></td>
                        <td><span class="btn-edit">编辑</span><i class="btn-ok">确定</i></td>
                        <td><span class="btn-del">删除</span><i class="btn-cancel">取消</i></td>
                    </tr>
                    {{/each}}
                </script>
                <div class="add-site" data-toggle="modal" data-target="#address-s">
                    新增收货地址
                </div>
                <div class="address-bottom">
                    <h4>快递信息</h4>
                    <p>配送方：圆通快递<span>默认使用圆通快递配送，个别商品会使用顺丰快递配送</span></p>
                    <p>在订单支付成功后1-3个工作日内发货（节假日顺延）</p>
                </div>
            </div>
            <div class="section">
                <div class="title">确定商品信息</div>
                <div class="top-bar">
                    <ul>
                        <li class="bar-02">商品信息</li>
                        <li class="bar-03">单价(元)</li>
                        <li class="bar-04">数量</li>
                        <li class="bar-05">小计</li>
                    </ul>
                </div>
                <div class="good-list" id="sugoodlist">
                        <script type="text.html" id="sugoodlisttemplate">
                            {{each cart shop}}
                                <ul>    
                                    <li class="goods">
                                        <div class="left">
                                            <img src="{{shop.image}}" alt="">
                                        </div>
                                        <div class="right">
                                            <h4><a href="/html/shopList.html?id={{shop.id}}" target="_self">{{shop.title}}</a></h4>
                                            <p class="attr-0"><span>{{shop.product_description ? shop.product_description : '暂无详情'}}</span></p>
                                        </div>
                                    </li>
                                    <li class="prices">￥{{shop.price}}</li>
                                    <li class="numbers">{{shop.count}}</li>
                                    <li class="total">￥{{(shop.count * shop.price).toFixed(2)}}</li>
                                </ul>
                            {{/each}}
                        </script>
                </div>
                <div class="balance clearfix">
                    <div class="balanceContainer">
                            <div class="item priceDetail">共计<span class="total-goods">0</span>件商品，合计总额<span class="total-price">￥00.00</span></div>
                        <div class="item priceDetail freight">运费<span>￥0.00</span></div>
                        <div class="item priceDetail coupon-discount">
                            优惠立减<span>-￥<span class="favourable">0</span></span>
                        </div>
                        <div class="item priceDetail money">应付总额<span>￥00.00</span></div>
                        <div class="item options"><button class="go-pay">提交订单</button></div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer></footer>
    <!-- 新增地址 -->
    <div class="modal fade" id="address-s" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel">收货地址</h4>
            </div>
            <div class="modal-body">
                <input type="text" class="sh-name add-ar" placeholder="收货人姓名">
                <input type="text" class="sh-tele add-ar" placeholder="手机号码">
                <input type="text" class="sh-site add-ar" placeholder="您的地址">
                <p class="text-center hint" style="display: none;">777777</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
              <button type="button" class="btn btn-primary add-ok">确定</button>
            </div>
          </div>
        </div>
      </div>
    <script src="/libs/require/require.js" data-main="/js/submitOrder"></script>
</body>
</html>